{extend name="default/base" /}

{block name="title"}{$title}{/block}
{block name="keywords"}{$keywords}{/block}
{block name="description"}{$description}{/block}

{block name="css"}{/block}

{block name="content"}

<div class="row">
    <div class="col-sm-8">
        <div class="box box-solid">
            <div class="box-header with-border">
                <h3 class="box-title">{$title}</h3>
            </div>
            <div class="box-body no-padding">
                <ul class="nav nav-pills nav-stacked">
                  {volist name="list" id="vo"}
                    <li class="pad">
                        <div class="row pad">
                          <div class="col-xs-4">
                                <a href="{$vo.book_url}">
                                  <img class="img-responsive" src="{cms:thumb file="$vo['image']" width='220' height='150' /}">
                                </a>
                          </div>
                          <div class="col-xs-8">
                                <div>
                                    <span class="lead"><a href="{$vo.book_url}">{$vo.title}</a></span>
                                    <div class="text-muted small">
                                        <span><i class="fa fa-fw fa-clock-o"></i>{$vo.create_at|format_date}</span>
                                        <!-- <span style="margin-left:10px;"><i class="fa fa-fw fa-tag"></i><a href="">{$vo.category_name}</a></span> -->
                                        <span style="margin-left:10px;"><i class="fa fa-fw fa-user"></i>{$vo.author}</span>
                                        <!-- <span style="margin-left:10px;"><i class="fa fa-fw fa-eye"></i>阅读({$vo.pv})</span> -->
                                    </div>
                                    <div class="text-muted hidden-xs" style="margin-top:10px;">
                                        <p class="small">{$vo.description|msubstr=0,90}</p>
                                    </div>
                                </div>
                          </div>
                        </div>
                    </li>
                  {/volist}
                </ul>
            <!-- /.box-body -->
            </div>

            <div class="text-center">
                {$page}
            </div>
        </div>
    </div>
    <div class="col-sm-4 hidden-xs">
        <div class="box box-solid">
            <div class="box-header with-border">
              <h3 class="box-title">热点</h3>
            </div>
            <div class="box-body no-padding">
              <ul class="nav nav-pills nav-stacked">
                {book:position name='hot' hot='1' order='hot desc' limit='5'}
                <li><a href="{$hot.book_url}">{$hot.title}</a></li>
                {/book:position}
              </ul>
            </div>
            <!-- /.box-body -->
        </div>
    </div>
</div>


{/block}

{block name="js"}{/block}